import Head from 'next/head';
import Example from '../../../examples/editing-crud';

<Head>
  <title>Editing CRUD Example - Material React Table V1 Docs</title>
  <meta
    name="description"
    content="An example of Material React Table which shows how to use editing CRUD features"
  />
  <meta
    property="og:title"
    content="Editing CRUD Material React Table Example"
  />
  <meta
    property="og:description"
    content="Learn how to use editing and all the CRUD functionality of Material React Table"
  />
</Head>

## Editing (CRUD) Example

Full CRUD (Create, Read, Update, Delete) functionality can be easily implemented with Material React Table, with a combination of editing, toolbar, and row action features.

This example below uses the default [`"modal"`](/docs/guides/editing#modal-editing-mode) editing mode, where a dialog opens up to edit 1 row at a time. However be sure to check out the other editing modes and see if they fit your use case better. Other editing modes include [`"row"`](/docs/guides/editing#row-editing-mode) (1 row inline at a time), [`"cell"`](/docs/guides/editing#cell-editing-mode) (1 cell inline at time), and [`"table"`](/docs/guides/editing#table-editing-mode) (all cells always editable).

<Example />

View Extra Storybook **[Examples](https://www.material-react-table.dev/?path=/story/features-editing-examples)**
